Skip to main content

Quick Start

Get up and running with SvelteBolt's AI-assisted development in under 5 minutes.

🚀 Step 1: Set Up Your Environment​

  1. Install SvelteBolt using the create command:

    npx sbolt my-saas-app
    cd my-saas-app

  2. Open in VS Code with Copilot enabled:

    code .

  3. Verify AI Access: Ensure you have GitHub Copilot or another AI assistant active

📁 Step 2: Locate the Prompt Library​

Navigate to the AI prompts directory in your project:

docs/ai-prompts/
├── README.md                    # Main guide
├── authentication-prompts.md    # Auth features
├── billing-prompts.md          # Subscription logic
├── database-prompts.md         # Data operations
├── ui-prompts.md              # Interface design
├── api-prompts.md             # Backend APIs
├── deployment-prompts.md       # Platform deployment
├── feature-extension-prompts.md # Advanced features
└── integration-prompts.md      # Third-party services

🎯 Step 3: Your First AI-Assisted Feature​

Let's add Google OAuth authentication using AI assistance:

1. Open Copilot Chat​

Press Ctrl+Shift+I (Windows/Linux) or Cmd+Shift+I (Mac)

2. Copy This Prompt​

I want to add Google OAuth authentication to my SvelteBolt app.

Current SvelteBolt setup:
- Authentication pages in src/routes/auth/
- Login form in src/lib/components/login-form.svelte
- Supabase auth configured in src/lib/server/database/supabase.ts

I need to:
1. Configure Google OAuth in Supabase dashboard
2. Add Google OAuth button to login form
3. Handle OAuth callback
4. Test the complete flow

Please guide me through each step with exact code changes for my SvelteBolt project structure.

3. Follow AI Guidance​

The AI will provide step-by-step instructions tailored to your exact project structure.

4. Implement and Test​

Follow the AI's guidance to implement the feature and test it works.

🔄 Step 4: Build Your Next Feature​

Choose another prompt from the library:

  • Add Stripe billing: Use billing-prompts.md
  • Create admin dashboard: Use ui-prompts.md
  • Build REST API: Use api-prompts.md
  • Deploy to Vercel: Use deployment-prompts.md

💡 Pro Tips for AI Development​

1. Be Specific​

❌ Bad: "Add authentication" ✅ Good: "Add Google OAuth with custom redirect handling"

2. Include Context​

Always mention you're using SvelteBolt so AI understands your project structure.

3. Ask for Explanations​

Please explain why we need RLS policies for this table and show me the exact SQL.

4. Request Testing Steps​

Show me how to test this feature and what to check for potential issues.

5. Iterate and Improve​

This works great! Now how can I add email notifications when users sign up?

📋 Common AI Workflows​

Adding a New Feature​

  1. Copy base prompt from relevant category
  2. Customize for your specific needs
  3. Paste into AI assistant
  4. Follow guidance step-by-step
  5. Test and iterate

Debugging Issues​

  1. Describe the problem with error messages
  2. Include relevant code snippets
  3. Mention SvelteBolt context
  4. Ask for diagnosis and solution

Optimizing Code​

  1. Share current implementation
  2. Ask for improvements
  3. Request performance optimizations
  4. Get best practices guidance

🚀 Advanced AI Techniques​

Multi-Step Planning​

I want to build a complete user onboarding flow with:
1. Email verification
2. Profile setup
3. Subscription selection
4. Welcome tour

Please create a step-by-step implementation plan for my SvelteBolt app.

Architecture Decisions​

I'm building a multi-tenant SaaS. Should I use row-level security or separate databases?
Consider my SvelteBolt setup with Supabase and show me the implementation approach.

Code Review​

Please review this SvelteBolt component for security, performance, and best practices:

[paste your code]

🎯 Next Steps​

  1. Explore all prompt categories in docs/ai-prompts/
  2. Customize prompts for your specific SaaS idea
  3. Join the community to share AI development tips
  4. Build your MVP faster than ever before

Ready to build? Start with any prompt and let AI guide you to success! 🚀